/* IMPORTANT: Do not put the <STYLE> tag in here...it messes things up... */

/* ----- Global HTML tag modifications ---------------------------------- */
body { margin: 0px; padding: 0px; height: 100%; }
td { vertical-align: top; }

/* ----- Header style elements ------------------------------------------ */
td.masthead { padding-left: 15px; vertical-align: middle; }
.mastheadColors { color: #000088; background-color: #FFFFFF; }
.mastheadHeading100 { font-family: verdana, arial, helvetica, "sans serif"; 
	font-size: 18pt; font-weight: bold; }
.mastheadText { font-family: verdana, arial, helvetica, "sans serif"; 
	font-size: 10pt; }

td.topnavbar { vertical-align: middle; }
.topnavbarColors { color: #FFFF00; background-color: #000088; }
.topnavbar a { font-family: verdana, arial, helvetica, "sans serif"; 
	font-size: 10pt; font-weight: bold; text-align: center; width: 250px; 
	text-decoration: none; color: #FFFF00; background-color: #000088; }
.topnavbar a:hover { color: #FF0000; }

td.languageSwitch { text-align: right; padding-right: 15px; vertical-align: middle; }
.languageSwitchEnglish a { 
	font-family: verdana, arial, helvetica, "sans serif";
	font-size: 10pt; font-weight: bold; text-decoration: none; 
	color: #000088; background-color: #FFFFFF; }
.languageSwitchEnglish a:hover { color: #FF0000; }
.languageSwitchArabic a { 
	font-family: verdana, arial, helvetica, "sans serif";
	font-size: 14pt; font-weight: bold; text-decoration: none; 
	color: #000088; background-color: #FFFFFF; }
.languageSwitchArabic a:hover { color: #FF0000; }


/* ----- Side navigation bar 1 elements --------------------------------- */
.sideNavBar1Container { border-right: 1px solid #000088; 
	background-color: #CCCCCC; }
table.sideNavBar1 { border-left: 1px solid #000088; border-right: 
	1px solid #000088; }
td.sideNavBar1 { border-bottom: 1px solid #000088; color: #000000; 
	background-color: #CCCCCC; font-size: 10pt; font-weight: bold;
	font-family: verdana, arial, helvetica, "sans serif"; 
	padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }
.sideNavBar1 a { text-decoration: none; color: #000000; }
.sideNavBar1 a:hover { color: #FF0000; }
td.sideNavBar1Last { color: #000000; 
	background-color: #CCCCCC; }

/* ----- Body style elements -------------------------------------------- */
.bodyDefaults { font-family: verdana, arial, geneva, "sans serif"; 
	font-size: 12pt; padding: 5px; }
.bodyText { font-family: verdana, arial, geneva, "sans serif"; 
	font-size: 12pt; }
.bodyTitleText { font-family: verdana, arial, geneva, "sans serif"; 
	font-size: 16pt; font-style: normal; font-variant: small-caps; 
	font-weight: bold; padding-bottom: 10px; padding-top: 4px; }
.bodyErrorText { font-family: verdana, arial, geneva, "sans serif"; 
	font-size: 12pt; color: #FF0000; }

.display { border: 2px solid #000088; background-color: #44FFFF; }
.displayBack0 { background-color: #44FFFF; }
.displayBack1 { background-color: #AAFFFF; }
.displaySeparator { background-color: #000088; }
.displayHeader { font-family: verdana, arial, geneva, "sans serif";
	font-size: 12pt; font-weight: bold; text-align: middle; 
	vertical-align: middle; 
	padding-right: 10px; padding-left: 10px; 
	padding-top: 5px; padding-bottom: 5px; }
.displayLabel { font-family: verdana, arial, geneva, "sans serif";
	font-size: 12pt; font-weight: bold; text-align: right; 
	vertical-align: middle; 
	padding-right: 10px; padding-left: 10px; 
	padding-top: 5px; padding-bottom: 5px; }
.displayValue { font-family: verdana, arial, geneva, "sans serif"; 
	font-size: 12pt; padding: 5px; }

/* ----- Form style elements -------------------------------------------- */
.form { border: 2px solid #000088; background-color: #FFFF44; }
.formSeparator { background-color: #000088; }
.formLabel { font-family: verdana, arial, geneva, "sans serif";
	font-size: 12pt; font-weight: bold; text-align: right; 
	vertical-align: middle; 
	padding-right: 10px; padding-left: 10px; 
	padding-top: 5px; padding-bottom: 5px; }
.formLabelMicro { font-family: verdana, arial, geneva, "sans serif";
	font-size: 9pt; font-weight: normal; text-align: right; 
	vertical-align: middle; 
	padding-right: 10px; padding-left: 10px; 
	padding-top: 5px; padding-bottom: 5px; }
.formField { font-family: verdana, arial, geneva, "sans serif";
	font-size: 8pt; text-align: left; vertical-align: middle; 
	padding-right: 10px; padding-left: 10px; 
	padding-top: 5px; padding-bottom: 5px; }
.formField input { font-weight: bold; background-color: #FFFFFF; 
	border: 1px solid #000088; padding-left: 3px; padding-right: 3px; }
.formField textarea { font-weight: bold; background-color: #FFFFFF; 
	border: 1px solid #000088; padding-left: 3px; padding-right: 3px; }
.formOneSide { margin-right: 5px; margin-left: auto; text-align: right; 
	padding-top: 5px; padding-bottom: 5px; }
.formOtherSide { margin-right: auto; margin-left: 5px; text-align: right; 
	padding-top: 5px; padding-bottom: 5px; }
.formButton { font-family: verdana, arial, geneva, "sans serif";
	font-size: 10pt; font-weight: bold; 
	background-color: #000088; color: #FFFF00; }
